@charset "utf-8";
@import url("fonts.css");

* {margin:0;padding:0}
html,body {width:100%;height:100%}

body {
    font:14px OxygenLight;
    color:#777;
    background:#dedede
}

h1 {
	font-size:20px;
	color:#000;
	margin:0 0 20px
}

p {
	margin:0 0 10px
}

a, .ui-widget-content a {
	outline:none;
    color:blue
}

#flashMessage .message {
    display:inline-block;
    padding:3px 7px;
    background:#F4DD83;
    color:#555;
    border-radius:3px
}
#flashMessage.error .message { background:red; color:white }
#flashMessage.ok .message { background:darkgreen; color:white }

.info {font-size:12px;color:#ccc}
.left {float:left}
.right {float:right}

.error h2 {
    color:red;
}

form {
	
}
label {
    display:block;
    margin:15px 0 5px;
    cursor:pointer
}
label.first{margin-top:0}
input[type].large  { width: 400px }
input[type].medium { width: 250px }
input[type].small  { width: 80px  }
input[type=text],input[type=password], textarea {
	font:14px OxygenLight;
	padding:3px 5px;
	width:200px;
	resize:none
}
input[type=submit],input[type=button],button {
	border:1px solid #bbb;
	padding:4px 8px;
	background:#ddd;
	background:linear-gradient(#eee,#ccc);
	color:#555;
	cursor:pointer
}
input[type=submit]:hover, input[type=button]:hover, button:hover {
	background:#ccc;
	background:linear-gradient(#ddd,#bbb);
	border-color:#777;
	color:#333
}
input[type=submit] {
	font-weight:bolder
}
textarea {
	width:100%;
	height:150px
}

menu {
	background:#fff;
	float:left;
	width:100%;
	list-style:none;
	box-shadow:0 0 3px #000
}
    menu li {
        float:left;
        display:block
    }
    menu li:last-child {
        float:right
    }
    menu li:first-child a {
        width:12px;
        height:20px;
        overflow:hidden;
        text-indent:-100em;
        background:url(../img/settings.png) no-repeat 0 0;
    }
    menu li:first-child a:hover {
        background-color:#555;
        background-position:center -32px
    }
    menu a {
        display:block;
        height:20px;
        padding:6px 10px;
        text-decoration:none;
        color:#555
    }
    menu a:hover {
        background:#555;
        color:#fff
    }
    
#content {
	clear:both;
	padding:20px;
	min-height:500px
}
    #flash {
        position:fixed;
        width:200px;
        top:-50px;
        left:50%;
        margin-left:-100px;
        text-align:center;
        box-shadow:0 0 4px #555;
        border-radius:0 0 4px 4px;
        background:#FFEA96;
        padding:5px 10px;
    }
    #flash.error { background:red; color:white}
    #flash.ok    { background:darkgreen; color:white}
    #throbber {
        width:140px;
        background:#FFEA96;
        position:fixed;
        z-index:9999;
        padding:10px;
        left:50%;
        top:-50px;
        margin-left:-70px;
        text-align:center;
        border-radius:0 0 4px 4px;
        box-shadow:0 0 4px #555
    }
    #throbber img {
        vertical-align:middle;
        margin:-4px 5px 0 0
    }

.accordion {
    visibility:hidden
}

.form-dialog {}
    .form-dialog p {
        margin-bottom:20px;
        clear:both
    }
	.form-dialog input[type=text] {
		width:96%
	}
	.form-dialog input[type=file] {
	   float:right
	}
	.form-dialog textarea {
        width:96%;
        height:100px
    }
    .form-dialog button[disabled] {
        opacity:0.5;
        cursor:default !important
     }
    .form-dialog button.loading{
        padding-left:14px;
        background-image:url(../img/loading_grey.gif);
        background-repeat:no-repeat;
        background-position:6px center
    }
    .form-dialog .ui-dialog-buttonset .message {
        display:inline-block;
        font-size:12px;
        margin:0 5px;
        padding:5px;
    }
    .form-dialog .ui-dialog-buttonset .message.ok {
        background:darkgreen;
        color:white;
    }
    .form-dialog .ui-dialog-buttonset .message.error {
        background:red;
        color:white;
    }
	
ul.admin-list-image {
	list-style:none
}
    .admin-list-image li {
        float:left;
        width:150px;
        height:150px;
        overflow:hidden;
        position:relative;
        margin:0 5px 5px 0;
        border:1px solid #ccc;
    }
    .admin-list-image h2{
        position:absolute;
        font-size:12px;
        font-weight:normal;
        padding:4px;
        background:rgba(255,255,255,0.7);
        width:146px;
    }
    .admin-list-image .actions {
        position:absolute;
        left:0;
        bottom:0;
        padding:4px 0;
        display:none;
        width:100%;
        text-align:center;
        background:rgba(255,255,255,0.8);
        margin:0
    }
    .admin-list-image li:hover .actions {
        display:block
    }

.actions {
	margin-left:10px
}
    .ui-accordion-header .actions {
        float:right;
        display:none
    }
    .ui-accordion-header:hover .actions {
        display:block
    }
	.actions a, .action {
	    display:inline-block;
	    width:16px;
	    height:16px;
	    overflow:hidden;
	    text-indent:-100em;
	    background:url(jquery-ui-1.10.3-smoothness/images/ui-icons_222222_256x240.png) no-repeat 0 0;
	}
	.actions a:hover, .action:hover {
	    background-image:url(jquery-ui-1.10.3-smoothness/images/ui-icons_2e83ff_256x240.png);
	}
	.actions .edit,   .action.edit   { background-position: -176px -112px }
	.actions .delete, .action.delete { background-position: -176px -96px }
	.actions .add,    .action.add    { background-position: -32px  -96px }
	.actions .save,   .action.save   { background-position: -208px -192px }
	.actions .cancel, .action.cancel { background-position: -32px  -192px }
	
.multi-input {
    
}
    .multi-input .item .btn {
        display:inline-block;
        width:16px;
        height:16px;
        overflow:hidden;
        background:url(jquery-ui-1.10.3-smoothness/images/ui-icons_222222_256x240.png) no-repeat 0 0;
    }
    .multi-input .btn:hover {
        background-image:url(jquery-ui-1.10.3-smoothness/images/ui-icons_2e83ff_256x240.png);
    }
    .multi-input .btn.add    { background-position: 0     -192px }
    .multi-input .btn.remove { background-position: -16px -192px }
    
    .multi-input .btn.add {display:none}
    .multi-input .item:last-child .btn.add {display:inline-block}
    .multi-input .item:last-child .btn.remove {display:none}
